@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
#ind_news .colu{z-index: 55;position: relative;}
.sub_info{margin-bottom:0;}
#ind_sp:hover .big img{transform: scale(1.2,1.2);}
.ind_case .swiper-slide .imWrap{padding-top: 67%;}
#about_intro{    padding-right: 1.5rem;}
@media screen and (min-width:1200px) {
      html{font-size: 20px;}
  #ind_about .cont{height: 10.5em;}
      
}
@media screen and (max-width:1200px) {
      .containe{margin-left: 10px;margin-right: 10px;width: auto}
      html{font-size: 18px;}
      #ind_about .num3{display: none;}
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      html{font-size: 18px;}
}

@media screen and (max-width: 979px) {
}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 979px) {
      html{font-size: 17px;}
}
@media screen and (min-width: 767px) {
  
  .skip{padding: 0;}
  .skip>div {width: 50%;
    line-height: 28px;
    height: 55px;
    padding: 13px 0;
    box-sizing: border-box;
    margin: 0 !important;
  }
  .skip span{position: relative;color: transparent;}
  .skip .fl span{margin-right: 10px;border-right: 1px solid #999;float: left;}
  .skip .fl span:after{
        content: "←";
    font-size: 21px;
    position: absolute;
    color: #999;
    top: 0;
    left: 36%;
    font-weight: bolder;
    
  }
  .skip .fr span{float: right;margin-left: 10px;border-left: 1px solid #999;}
  .skip .fr span:after{
    content: "→";
    font-size: 21px;
    position: absolute;
    color: #999;
    top: 0;
    left: 36%;
    font-weight: bolder;
  }
  .skip a{display: block;max-width: initial;}
  .skip>div:hover{background: #ea5715;color: #fff;}
  .skip>div:hover a,.skip>div:hover span:after{color:#fff;}
  .skip>div:hover span{border-color: #fff;}
  }
@media screen and (max-width: 767px) {
  #ind_nums,
  .about_img,
  #ind_about .aboutop .btn,.hot_pro,.adv,#ind_case+.subbanner,.adv_tel,
  .navlist{display: none;}
  .pro2 .prolist ul{width: 100%}
  #ind_news{margin-top: 3vw;}
  #ind_news .col{width:96%;float: none;padding-left: 0;}
      body {min-width: 320px;overflow-x: hidden;}
      .search_m ,.____wayiicms_service,.products_top .more {display: none;}
      #ind_about .w50 {float: none;    width: 100%;}
      #ind_about .cont{height: auto;}
      html{font-size: 16px;}
      .tellNum{margin-top: 15px;line-height: 25px;border-radius: 0;padding: 0 10px;font-size: 19px;font-weight: bold;}
      .tellNum img{height: 16px;position: relative;margin-bottom: 1px;margin-left: -1px;margin-top: -4px;vertical-align: middle !important;}
      .ind_tit{padding-bottom: 5px;}
      .imgDiv img{width: 200%;}
      .lside{float: none;width: 100%;margin: 0;display: none;}
      .lside>*{display: none;}
      .lside>.iauth{display: flex;flex-flow: row wrap;justify-content: space-between;width: 100%;}
      .lside h2+ul{background: none;border: 0;}
      .lside h2+ul li{border: 1px solid #dfdfdf !important;background-color: #fff;margin: 3px;flex: 1 1 8em;text-align: center;}
      .iauth a{padding: 0;line-height: 2.7em;}
      .lside+.wrap{width:100%;}
      #footer>.wrap,.fot_link,#ind_huati,#ind_corp,#ind_part4 .part:hover .abs,.design_advant,.design_process,.market_support,.inner_tit p{display: none;}
      #ind_news+#footer>.wrap{display: block;}
      .skip{padding-left: 0;}
      div.digg{margin: 0;text-align: right;}
      div.digg a{padding: 0;border: 0;}
      div.digg .disabled * {border:none;padding:0;margin: 0.1rem;color: #c1c1c1;}
      .inner_tit{margin: 4vw 0;}
      #demoo .container a{width: 190px;padding-right: 15px;}
      .market_case .imWrap{border: 1px solid #ddd;}
      body {padding-top:53px;max-width: 100%;overflow-x: hidden;}
      .containe{padding:0;}
      #header{height: 53px;border-bottom: 1px solid #E5E9F2;}
      .logobar .logo{margin-right: 0;}
      .logobar .logo img{height: 41px;    margin-top:7px;}
      #Nav{display: none;}
      #ind_banner .swiper-slide{overflow: hidden;}
      #ind_banner .swiper-slide img{width: 128%;max-width: inherit;left: -16%;position: relative;}
      #ind_news .colu{margin-top: 0;}
      #ind_news .titdiv{display: none;}
      #ind_news .c1{width: 100%;    float: none;
    margin-bottom: 5vw;}
    .newstop{    margin-bottom: 4vw;}
    .ind_tit small {line-height: 3; }
    #ind_about {padding-bottom: 0;}
    #ind_about h2{    padding-top: 0;    margin-bottom: -2px;
    line-height: 1;}
    #ind_about .aboutop .ind_tit {margin-bottom:0;}

    .aboutop .ind_tit.t2:after {margin-left: 1rem; }
    /*.ind_tit.t2 small{margin-bottom: 2vw;}*/
    .pro2 .prolist li {width: 96%;} 
    .prolist li .imgarea {height: 65vw;}
    .pro2 .prolist li .txt {text-align: center;padding: 0;}
    #ind_about .aboutop h3 {padding: 10px 0 0 1rem;}
    .news_tit h2 {font-size: 17px;line-height: 1.2;height: 1em}
     #ind_news{margin-bottom:4vw;}
    #ind_news .col {margin-top: 3vw;}
    #ind_news .col:last-child{display: none;}
    #ind_news .c_news{padding-right: 0;}
    .news_tit .more {font-size: 12px;line-height: 22px;padding: 0 15px;margin-top: -2px;}
    #ind_case {padding: 0 3%;}
    .hhys .con .em{width: 3.5rem;height: 3.5rem;}
    .hhys .con .em img{width:60%;}
    .hhys .con h4 {margin: 1.5rem 0 0.7rem 2.5rem;}



      #swiper3{display: none;}
      #toolbar{display: block;}
      .hhys .big {width: 100%; float: none !important;}
      .hhys .con h4{font-weight: bold;}
      .hhys .con{padding:0 5vw 4vw;}
      .innernav {display: none;}
      .tell_info {float: none; margin: 0 auto -3vw;padding:4%;background: none;width: auto;}
      .tell_info h3,.tell_info .ewm{display: none;}
      .tell_info strong{font-size: 16px;padding-bottom:16px;}
      .tell_info p{font-size: 15px;}
      .map_pic{height: 60vw;overflow: hidden;display: none;}
      .cur_wrap_sidebar{display: none;}
      .subbanner .imgcon{    width: 188px;   }
      .subbanner h2 {text-shadow: 0 0 5px rgba(0,0,0,0.7);}
      .products_list .cont dl,.products_list .cont .more{display: none;}
      .products_list .cont {padding-bottom: 0;margin-bottom: -1rem;}
      .subbanner small{line-height: 2;margin-bottom: 0;}
      #swiper4 ul li:nth-child(5){display: none;}
      #about_intro .article{padding: 0 5vw 5vw;}
      #about_intro {padding-right: 0;}
      #about_intro .article img{    max-width: 102vw !important;
    margin-bottom: 1rem;
    margin-left: -5vw !important;
    position: relative;
    float: none !important;
    width: 102vw;}
      #about_intro .article h3 span{font-size: 15px !important;}
      #about_intro+.inner_tit{padding-top: 0;}
      .hhys .con em{    background-position: 0 bottom;}
      .products_top h1{font-weight: bold;}
      .products_top dl dd{font-size: 14px;}
      ul.newslist{padding: 0;}

}
@media screen and (max-width: 639px) {
  html{font-size:15px;}
  .breaker{float: left;}
  .breaker+h2{display: none;}
  .titbar{margin-bottom: 10px;}
  .skyimg{float: none;max-width: 80%;}
  .articleTit{margin-top: 15px !important;font-size:16px !important;}
  .relate .tit h3{font-size:16px !important;}
  /*.relate .caselink{width: 47% !important;}*/
  .relate .caselink .case_img{height: 33vw !important;}
  .skip>div{width:100% !important;float: none !important;
    text-align: left !important;
}
  .sub_info{padding: 0;}
  .sub_info{font-size: 0;}
  .sub_info span{color: #909090;font-size: 12px;margin-right: 10px;}
  .sub_info span:nth-child(even){display: none;}
  #icon1{display: none;}
  .ind_tit.t2 .more{display: none;}
  .article img{margin-left:auto !important;margin-right: auto !important;}
  .products_top .w50{float: none;width: 100%;margin: 0;}
  .products_list .w50 {float: none !important;width: 100%;}
  .bord{padding: 17px 1rem;}
  .bord .sub_title{padding-top:0;}
  .bord .relate{padding-top:10px;}
  .inner_case li{width: 47%;}
  .photolist li{width: 48%;}

}
     /* For smartphones */
@media screen and (max-width: 479px){
  html{font-size:14px;}
  #footer>.containe{text-align: center;padding-bottom: 1rem;}
}
@media screen and (max-width: 379px){.tellNum{display: none;}}